.card-type-tabs{
  .success-icon{
    margin-left: 8px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    vertical-align: middle;
    margin-top: -2px;
  }
  .arrow-icon{
    min-width: 28px;
    max-width: 28px;
    height: 32px;
    cursor: pointer;
    &:hover{
      color: var(--ato-active);
    }
    &.disabled{
      pointer-events: none;
      color: var(--ato-border);
    }
  }
  .tab-list{
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
  }
  ul{
    transition: all 0.3s;
  }
  li{
    cursor: pointer;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(20% - 6px);
    margin-right: 6px;
    padding: 0 12px;
    height: 40px;
    background: var(--ato-border);
    transition: all 0.3s;
    &:hover{
      background: var(--ato-hover);
    }
    &.active{
      color: #ffffff;
      font-weight: 600;
      background: var(--ato-active);
    }
  }
}
